<template>
  <el-card class="mt">
    <template #header>
      <div class="card-header">
        <h1>故障报警</h1>
      </div>
    </template>

    <el-timeline style="max-width: 600px">
      <el-timeline-item
        timestamp="2025/4/12"
        placement="top"
        :hollow="true"
        type="danger"
      >
        <el-card>
          <h4>矿业北路通讯中断</h4>
        </el-card>
      </el-timeline-item>
      <el-timeline-item
        timestamp="2025/4/3"
        placement="top"
        :hollow="true"
        type="warning"
      >
        <el-card>
          <h4>黄河南路超出服务区域</h4>
        </el-card>
      </el-timeline-item>
      <el-timeline-item
        timestamp="2025/4/2"
        placement="top"
        :hollow="true"
        type="primary"
      >
        <el-card>
          <h4>6号机组异常断电</h4>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </el-card>
</template>

<script setup lang="ts"></script>

<style scoped lang="less"></style>
